.container{
	height: 100vh;
	background-color: white;
}
.content{
	padding: 20rpx 0;
}
.item{
	display: flex;
	align-items: center;
	padding: 40rpx 30rpx;
	margin:20rpx;
	border-radius: 20rpx;
	background-color: #F7F8F9;
	.left-icon{
		width: 60rpx;
	}
	.icon{
		width:40rpx;
	}
	.name{
		flex: 1;
		font-weight: bold;
		margin-left: 10rpx;
	}
}
.active{
	border: 2rpx solid #3374EF;
}

	.bottom{
		position: fixed;
		bottom:100rpx;
		left: 0;
		right:0;
		image{
			height: 60rpx;
		}
		.change{
			margin:0 20rpx 100rpx 20rpx;
			button{
				background-color: #3374EF;
				color: white;
			}
		}
		
	}
	.popup-content{
		background-image: url('/static/icon/settle_dialog_bg.png');
		background-size: cover;
		background-position: center;
	
		height: 470rpx;
		width: 582rpx;
		// padding: 0  10rpx;
		text-align: center;
		.title{
			height: 100rpx;
			line-height: 100rpx ;
			font-weight: bold;
			font-size: 34rpx;
		}
		.content{
			margin:20rpx 20rpx;
			text-align: left;
			color: #797979;
			.blue{
				color: #3374EF;
			}
		}
		.buttonBox{
			display: flex;
			justify-content: space-around;
			button{
				flex:1;
				margin: 0 20rpx;
			}
			.button-reset{
				background-color: #F5F5F5;
				
			}
			.button-confirm{
				background-color: #3374EF;
				color: white;
			}
		}
		}
		
		
		.sms-popup-content{
			background-color: white;
		border-radius: 20rpx;
			padding: 30rpx 0;
			width: 582rpx;
			// padding: 0  10rpx;
			text-align: center;
			.title{
				height: 100rpx;
				line-height: 100rpx ;
				font-weight: bold;
				font-size: 34rpx;
			}
			.content{
				margin:20rpx 20rpx;
				.row{
					display: flex;
					padding: 20rpx 0;
					.smscode{
						color: #3374EF;
					}
				}
			}
		.buttonBox{
			display: flex;
			justify-content: space-around;
			button{
				flex:1;
				margin: 0 20rpx;
			}
			.button-reset{
				background-color: #F5F5F5;
				
			}
			.button-confirm{
				background-color: #3374EF;
				color: white;
			}
		}
			}